<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千峰商城</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./assets/icon/iconfont.css">
    <script src="./utils/flexible.js"></script>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <link rel="icon" href="./assets/images/favicon.ico" sizes="16x16 32x32" />

</head>

<body>
    <div class="box">
        <!-- 头部区域 -->
        <header id="header">
            <a href="index.html" class="logo">
                <img src="./assets/images/header_logo.png" alt="">
            </a>

            <a href="" class="app">
                <img src="./assets/images/header_app.png" alt="">
            </a>

        </header>
        <!-- 搜索框部分 -->
        <div class="search">
            <div class="searchBox">
                <input type="text" placeholder="请输入您想比价的商品">
                <button>搜索</button>
            </div>
        </div>


        <!-- 导航部分 -->
        <ul id="nav">
            <li>
                <a href="./pages/Comparison shopping.html">
                    <img src="./assets/images/ic_search1.png" alt="">
                </a>
                <span>比价搜索</span>
            </li>
            <li>
                <a href="./pages/Save Money.html">
                    <img src="./assets/images/ic_cu.png" alt="">
                </a>
                <span>省钱控</span>
            </li>
            <li>
                <a href="./pages/Discount.html">
                    <img src="./assets/images/ic_coudanpin.png" alt="">
                </a>
                <span>国内折扣</span>
            </li>
            <li>
                <a href="./pages/Bargain.html">
                    <img src="./assets/images/ic_bcj.png" alt="">
                </a>
                <span>白菜价</span>
            </li>
            <li>
                <a href="./pages/Save Money.html">
                    <img src="./assets/images/haitao.png" alt="">
                </a>
                <span>淘淘折扣</span>
            </li>
            <li>
                <a href="./pages/Ticket.html">
                    <img src="./assets/images/ic_temai.png" alt="">
                </a>
                <span>优惠券</span>
            </li>
            <li>
                <a href="./pages/Comparison shopping.html">
                    <img src="./assets/images/ic_trend.png" alt="">
                </a>
                <span>查历史价</span>
            </li>
            <li class="more_flod">
                <a href="javascript:;">
                    <img src="./assets/images/gengduo.png" alt="">
                </a>
                <span>更多</span>
            </li>
            <li>
                <a href="./pages/Goods.html">
                    <img src="./assets/images/ic_coudanpin.png" alt="">
                </a>
                <span>凑单品</span>
            </li>
            <li>
                <a href="./pages/Comparison shopping.html">
                    <img src="./assets/images/ic_kb.png" alt="">
                </a>
                <span>口碑排行</span>
            </li>
            <li>
                <a href="./pages/Navigation.html">
                    <img src="./assets/images/ic_mall.png" alt="">
                </a>
                <span>商城导航</span>
            </li>
            <li>
                <a href="./pages/Whole.html">
                    <img src="./assets/images/ic_pp.png" alt="">
                </a>
                <span>品牌大全</span>
            </li>
        </ul>

        <!-- 折扣部分 -->
        <div class="discount">
            <span>超值折扣</span>
            <a href="">
                <span class="iconfont icon-youjiantou-"></span> </a>
        </div>

        <!-- 折扣信息部分 -->
        <ul class="info">
            <li>
                <a href="">
                    <div class="pic">
                        <img src="./assets/images/生抽.jpg" alt="">

                    </div>
                    <div class="infoText">
                        <div class="infoText_Top">
                            移动端凑单凑单品:海天 鲜味 生抽 1.28L <span class="red">10.9元</span>
                        </div>
                        <div class="infoText_Bottom">
                            <span class="info_Left">
                                京东商城 | 10-25 14:10
                            </span>
                            <span class="info_Right">
                                <span class="iconfont icon-xinxi"></span>
                                有一人评论
                            </span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>

        <!-- 底部部分 -->
        <footer>

            <!-- 更多信息 -->
            <a href="" class="more">
                更多优惠信息>>
            </a>

            <div class="rank">
                <span>品牌排行</span>
                <span class="iconfont icon-youjiantou-"></span>
            </div>

            <div class="foot_nav">
                <a href="">登入</a>
                <a href="">注册</a>
                <a href="">返回顶部</a>
            </div>

            <p>
                <a href="">手机APP下载</a>
                <a href="">万峰智慧商城手机版</a>
                --掌上比价平台
            </p>
            <p>
                chst.vip:8081/crm
            </p>
        </footer>
    </div>


    <script src="./js/index.js"></script>
</body>

</html>